<template>
  <div>
    <div class="ci-global-aside">
      <el-row class="tac">
        <el-col :span="24">
          <h4 class="memu-title">操作菜单</h4>

          <el-menu
              default-active="0"
              class="el-menu-vertical-demo">
            <el-menu-item index="0">
              <i class="el-icon-s-home"></i>
              <span slot="title">首页</span>
            </el-menu-item>
            <el-submenu index="1-1">
              <template slot="title">
                <i class="el-icon-finished"></i>
                <span>流水线</span>
              </template>
              <el-menu-item index="1-1">列表</el-menu-item>
              <el-menu-item index="1-2">权限</el-menu-item>
<!--              <el-menu-item-group>-->
<!--                <template slot="title">分组一</template>-->
<!--                <el-menu-item index="1-1">选项1</el-menu-item>-->
<!--                <el-menu-item index="1-2">选项2</el-menu-item>-->
<!--              </el-menu-item-group>-->
<!--              <el-menu-item-group title="分组2">-->
<!--                <el-menu-item index="1-3">选项3</el-menu-item>-->
<!--              </el-menu-item-group>-->
<!--              <el-submenu index="1-4">-->
<!--                <template slot="title">选项4</template>-->
<!--                <el-menu-item index="1-4-1">选项1</el-menu-item>-->
<!--              </el-submenu>-->
            </el-submenu>
            <el-submenu index="2">
              <template slot="title">
                <i class="el-icon-wallet"></i>
                <span>代码库</span>
              </template>
              <!--              <el-menu-item-group>-->
              <!--                <template slot="title">分组一</template>-->
              <!--                <el-menu-item index="1-1">选项1</el-menu-item>-->
              <!--                <el-menu-item index="1-2">选项2</el-menu-item>-->
              <!--              </el-menu-item-group>-->
              <!--              <el-menu-item-group title="分组2">-->
              <!--                <el-menu-item index="1-3">选项3</el-menu-item>-->
              <!--              </el-menu-item-group>-->
              <!--              <el-submenu index="1-4">-->
              <!--                <template slot="title">选项4</template>-->
              <!--                <el-menu-item index="1-4-1">选项1</el-menu-item>-->
              <!--              </el-submenu>-->
            </el-submenu>
            <el-submenu index="3">
              <template slot="title">
                <i class="el-icon-s-platform"></i>
                <span>主机节点</span>
              </template>
              <!--              <el-menu-item-group>-->
              <!--                <template slot="title">分组一</template>-->
              <!--                <el-menu-item index="1-1">选项1</el-menu-item>-->
              <!--                <el-menu-item index="1-2">选项2</el-menu-item>-->
              <!--              </el-menu-item-group>-->
              <!--              <el-menu-item-group title="分组2">-->
              <!--                <el-menu-item index="1-3">选项3</el-menu-item>-->
              <!--              </el-menu-item-group>-->
              <!--              <el-submenu index="1-4">-->
              <!--                <template slot="title">选项4</template>-->
              <!--                <el-menu-item index="1-4-1">选项1</el-menu-item>-->
              <!--              </el-submenu>-->
            </el-submenu>
<!--            <el-menu-item index="2">-->
<!--              <i class="el-icon-wallet"></i>-->
<!--              <span slot="title">代码库</span>-->
<!--            </el-menu-item>-->
<!--            <el-menu-item index="3" disabled>-->
<!--              <i class="el-icon-document"></i>-->
<!--              <span slot="title">导航三</span>-->
<!--            </el-menu-item>-->
            <el-menu-item index="4">
              <i class="el-icon-s-unfold"></i>
              <span slot="title">项目列表</span>
            </el-menu-item>
            <el-menu-item index="5">
              <i class="el-icon-menu"></i>
              <span slot="title">制品管理</span>
            </el-menu-item>
            <el-menu-item index="6">
              <i class="el-icon-set-up"></i>
              <span slot="title">个人凭证</span>
            </el-menu-item>
            <el-menu-item index="7">
              <i class="el-icon-setting"></i>
              <span slot="title">系统设置</span>
            </el-menu-item>
          </el-menu>
        </el-col>
      </el-row>
    </div>
  </div>
</template>

<script>
export default {
  name: "Aside"
}
</script>

<style scoped>
.ci-global-aside {
  height: 100vh;
  width: 15%;
  margin-left: 30px;
  position: fixed;
  top: 120px;
}

.memu-title {
  font-size: 1.3em;
}
</style>